<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="baidu-site-verification" content="code-YfBAOEVVQH" />
    <meta name="keywords" content="李秀涓,博客,生活记录,生活日常,个人简历,日常规划">
    <meta name="description" content="言力所能及之言，做力所能及之事，思力所不及之思。一名正在学习的书法老师。">
    <meta name="author" content="李秀涓">
    
    <title>
        
        李秀涓|成长笔记
    </title>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="shortcut icon" href="/images/logo.jpg">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <script id="hexo-configurations">
    let KEEP = window.KEEP || {};
    KEEP.hexo_config = {"hostname":"github.com","root":"/","language":"zh-CN","path":"search.xml"};
    KEEP.theme_config = {"toc":{"enable":false,"number":false,"expand_all":false,"init_open":false},"style":{"primary_color":"#0066CC","avatar":"/images/logo.jpg","favicon":"/images/logo.jpg","article_img_align":"left","left_side_width":"260px","content_max_width":"920px","hover":{"shadow":true,"scale":false},"first_screen":{"enable":true,"background_img":"/images/bg.svg","description":"积累硅步，可至千里；千里之行，始于足下"},"scroll":{"progress_bar":{"enable":true},"percent":{"enable":true}}},"local_search":{"enable":true,"preload":true},"code_copy":{"enable":true,"style":"default"},"pjax":{"enable":false},"lazyload":{"enable":true},"version":"3.4.0"};
    KEEP.language_ago = {"second":"%s 秒前","minute":"%s 分钟前","hour":"%s 小时前","day":"%s 天前","week":"%s 周前","month":"%s 月前","year":"%s 年前"};
  </script>
<meta name="generator" content="Hexo 5.3.0"></head>


<body>
<!--
 * @Description: file content
 * @Author: yuhongshao
 * @Date: 2021-02-20 19:33:18
 * @email: 
 * @LastEditTime: 2022-05-25 12:31:42
-->
<div class="progress-bar-container">
    
        <span class="scroll-progress-bar"></span>
    

    
</div>


<main class="page-container">

  
  <style>
  .bike {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
  }

  @media screen and (max-width:1200px) {
    .bike svg {
      display: none;
    }
  }

  .bike svg {
    width: 100%;
    height: 100vh;

  }

  #use1 {
    stroke: #fdd663;
    stroke-dasharray: 10 10;
    stroke-dashoffset: 0;
    animation: ani1 5s infinite linear;
  }

  #use2 {
    stroke: #ee675c;
    stroke-dasharray: 10 10;
    stroke-dashoffset: 0;
    animation: ani2 5s infinite linear;
  }

  #use3 {
    stroke: #81c995;
    stroke-dasharray: 10 10;
    stroke-dashoffset: 0;
    animation: ani3 5s infinite linear;

  }

  @keyframes ani1 {
    0% {
      stroke-dasharray: 100 60;
      stroke-dashoffset: 0;
    }

    100% {
      stroke-dasharray: 100 60;
      stroke-dashoffset: 160;
    }
  }


  @keyframes ani2 {
    0% {
      stroke-dasharray: 100 90;
      stroke-dashoffset: 0;
    }

    100% {
      stroke-dasharray: 100 90;
      stroke-dashoffset: 190;
    }
  }


  @keyframes ani3 {
    0% {
      stroke-dasharray: 100 120;
      stroke-dashoffset: 0;
    }

    100% {
      stroke-dasharray: 100 120;
      stroke-dashoffset: 220;
    }

  }
  .black .description{color:#fff  !important}
  .black .bike{ visibility: hidden;}
  .black .first-screen-container .content .s-icon-list i{
    color:#fff;
  }

</style>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://www.assets.yuhongshao.cn/firework/js/canvas.js"></script>
<script src="http://www.assets.yuhongshao.cn/firework/js/deepCopy.js"></script>
<script src="http://www.assets.yuhongshao.cn/firework/js/Firework.js"></script>
<canvas id="canvas2" style="position: fixed;left:0;top:0;bottom:0;right:0;pointer-events: none;"></canvas>
<script>
  var canvas = '',
    ctx = '',
    g = '',
    fireworkList = [];
  window.onload = function () {
    const currentDate = new Date();
    const currentHour = currentDate.getHours();
    if (currentHour > 18) {
      document.body.className = "black";
      canvas = document.querySelector("#canvas2"),
        ctx = canvas.getContext("2d"),
        g = 0.25, //模拟重力加速度
        n = 12, //一次性发射的烟火的数量
        fireworkList = [], //存放所有烟火对象
        //烟火形状                                                        圆形                                                              椭圆形                                                          爱心形
        fireworkTypeList = [createCircleFirework, createEllipseFirework], //createHeartFirework
        totalNum = 0, //发射烟火的总数量
        surprise_num = 150, //当发射烟火数量达到25时,发射生日快乐字样的烟火
        flag = false; //是否发射生日快乐字样的烟火
        canvas.style.top = $(".header-wrapper").height() +"px";
      canvas.width = $(window).width();
      canvas.height = $(window).height() - $(".header-wrapper").height();
      



      var init = function (firework, params) { //初始化一个烟火
        var beforeBalst = firework.getBeforeBalst();
        firework.setCtx(ctx);
        firework.setStatus(1); //状态为点燃引线
        firework.setNum(100 + Math.floor(100 * Math.random())); //爆炸之后的烟花数量
        firework.setRoundness(getType(params) == "object" ? (getType(params.roundness) == "number" ? params
          .roundness : 0.25) : 0.25); //默认的规则度是0.25,这样爆炸的烟花与真实的最像
        //firework.setFireworkType(getType(params) == "object" ? params.fireworkType : fireworkTypeList[Math.floor(Math.random() * fireworkTypeList.length)]);//从三种形状中随机烟花形状
        firework.setFireworkType(getType(params) == "object" ? params.fireworkType : createCircleFirework); //默认圆形烟花
        firework.setDelay(Math.floor(30 * Math.random())); //引线燃烧的时间,单位为帧, 最多30帧,即0.5s
        beforeBalst.setAnimate({
          quiescence: { //发射位置为底部中间
            x: canvas.width / 2,
            y: canvas.height,
            deg: 0,
            zoom: 1
          },
          move: { //发射速度向量
            vx: -7 + 14 * Math.random(),
            vy: -22 + 4 * Math.random(),
            pal: 0,
            scale: 0
          },
          translate: { //发射加速度,有一个为g的重力加速度
            ax: 0,
            ay: g,
            apal: 0,
            scale: 0
          }
        });
        beforeBalst.setR(3); //烟火半径为3像素
        beforeBalst.setColor("#bde149"); //白色
        beforeBalst.setLife(40 + Math.floor(Math.random() * 50)); //烟花从发射到爆炸的时间,单位为帧,即50-100帧后爆炸
        beforeBalst.setBase(); //记录烟花发射的初始状态
      }

      for (var i = 0; i < n; i++) { //初始化n个烟火
        var firework = Firework.getInstance();
        init(firework);
        fireworkList.push(firework);
        totalNum++;
      }

      var draw = function () { //描绘每一帧烟火的状态
        //整个canvas充满黑幕,模拟黑夜
        ctx.globalCompositeOperation = 'source-over';
        ctx.globalAlpha = 0.2;
        ctx.fillStyle = '#000003';
        /*  ctx.fillStyle = '#ffffff;'; */
        ctx.fillStyle = '#ffffff;'
        ctx.fillRect(0, 0, canvas.width, canvas.height);
        //描绘每个烟火的状态
        ctx.globalCompositeOperation = 'screen';
        $.each(fireworkList, function (index, value) {
          value.draw();
        });

      };

      var update = function () { //更新每一帧烟火的状态
        for (var i = fireworkList.length - 1; i >= 0; i--) {
          fireworkList[i].update(); //更新
          if (fireworkList[i].getStatus() == 5) { //烟火消失
            fireworkList.splice(i, 1); //在烟火集合中将这个烟火去除掉
            if (totalNum < surprise_num) { //当发射烟火数量没到25
              var firework = Firework.getInstance(); //继续生成新的烟火
              init(firework);
              fireworkList.push(firework);
              totalNum++;
            }else{
              document.body.className = '';
              document.querySelector("#canvas2").remove();
            }
            if (fireworkList.length == 0 && flag) { //发射生日快乐烟火和一箭穿心烟火
              var firework = Firework.getInstance();
              init(firework, {
                fireworkType: createCustomFirework,
                roundness: 1
              });
              fireworkList.push(firework);
              var firework2 = Firework.getInstance();
              init(firework2, {
                fireworkType: createDoubleHeartFirework,
                roundness: 1
              });
              fireworkList.push(firework2);
              flag = false;
            }
          }
        }
      }

      var loop = function () {
        draw();
        update();
        requestAnimationFrame(function () { //每秒触发60次的方法,因此动画是60帧的
          loop();
        });
      };

      loop();
    }

  }

</script>
<div class="first-screen-container flex-center fade-in-down-animation">
  <div class="content flex-center">
    <div class="description">
      言力所能及之言，做力所能及之事，思力所不及之思！
      <br>
      积累硅步，可至千里；千里之行，始于足下
      <br>
      <span><small>来自一名正在学习的书法老师</small></span>



    </div>
    
    <div class="s-icon-list">
      
      
      
      <span class="s-icon-item github">
        <a target="_blank" href="https://github.com/Syh1996">
          <i class="fab fa-github"></i>
        </a>
      </span>
      
      
      
      
      
      
      
      <span class="s-icon-item qq">
        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1045749725&site=qq&menu=yes">
          <i class="fab fa-qq"></i>
        </a>
      </span>
      
      
      
      
      
      
      
      
      
      
      
      
      
    </div>
    
  </div>

  <div class="bike">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080">
      <symbol id="back">
        <path
          d="m641.78091,790.55116c33.66658,-0.42299 -32.06272,-1.96304 -43.72177,-2.8119c-97.42147,-2.36241 -178.2728,-99.22185 -167.75035,-195.34463c2.13073,-96.18695 94.77423,-180.68256 191.20004,-171.00335c25.09965,-10.66217 60.72977,24.52486 76.31358,7.71823c40.02758,-70.61028 78.81009,-141.9582 120.45054,-211.62919c35.46917,-5.06262 77.72556,-8.97584 112.22972,0.62002c15.95178,25.12759 -13.05085,31.96845 -31.14866,28.08932c-20.19947,0 -40.39894,0 -60.59845,0c-14.62302,26.67862 -29.62846,53.14464 -44.57028,79.64524c84.86946,0 169.73902,0 254.60848,0c1.88991,-9.02791 23.32755,-28.4795 4.32205,-26.36513c-34.52901,-4.35192 -12.92977,-44.25838 12.64019,-32.90578c35.89235,1.31889 73.05347,-3.53818 107.86866,3.65736c18.5978,37.3249 -35.1766,29.3175 -58.22777,29.71312c-17.06225,-5.56892 -20.59815,11.48777 -27.35368,23.15896c-27.39004,28.05648 -10.36541,57.62647 8.04336,84.977c6.75234,12.44232 11.56268,29.71084 27.99389,18.08497c33.50719,-7.36288 70.03627,-7.62992 103.37777,0.97937c69.67034,20.69872 125.53164,85.29464 130.20844,158.46779c4.22013,44.94577 -5.38832,91.27423 -33.36473,127.53277c-32.44851,46.47673 -85.10832,71.92571 -140.50727,77.08815m-43.43384,0.45368c-50.50555,-12.96067 -97.07043,-43.1132 -124.06679,-88.63504c-17.66691,-22.75363 -19.96364,-57.98298 -29.35393,-80.80756c-24.7664,-0.32404 -49.53283,-0.64811 -74.29929,-0.97213c-50.16146,-80.69484 -94.37449,-165.08841 -142.7612,-246.90817c-9.43189,28.01069 -63.052,66.11946 -33.44545,91.90377c74.30256,62.34548 84.19744,184.12325 20.64528,257.53107c-29.12447,32.64847 -69.52634,55.1472 -111.05801,67.86512m3.19001,-44.39426c80.14518,-17.45284 131.35959,-109.86251 103.63829,-186.93172c-8.56705,-25.1009 -32.13926,-65.19724 -52.95897,-65.60816c-22.19314,38.3176 -42.15846,78.00715 -66.48161,115.04078c-53.41137,9.39497 -4.47703,-55.63874 6.82448,-77.73755c12.11678,-26.96262 56.11764,-70.57906 0.68807,-69.93326c-38.91343,-3.87236 -80.26776,-0.12761 -111.7472,25.70082c-67.55668,44.70576 -80.34302,146.95748 -29.18278,208.59638c34.63405,44.90491 94.44332,63.99612 149.21969,50.87273l0.00003,-0.00003zm560.74527,-0.01111c68.4067,-16.07246 117.63305,-86.37989 108.77861,-156.15879c-4.68298,-77.54732 -82.0197,-140.26335 -158.90589,-129.84036c-57.61424,-5.45274 -2.4553,47.43981 5.77997,73.15358c7.83463,27.30336 50.99384,60.83818 26.89819,87.46467c-54.04397,2.26405 -109.41302,-1.5899 -163.30859,3.85947c9.68005,71.46638 77.31359,130.58443 150.29498,125.11564c10.24195,-0.08353 20.53325,-0.94999 30.46277,-3.59421l-0.00003,0zm-220.78109,-159.71467c6.50943,-55.91724 38.20528,-106.78138 84.43086,-138.60756c2.73105,-13.71648 -25.25894,-76.89265 -35.50779,-32.84775c-31.63458,57.50046 -63.43641,114.92385 -94.10164,172.9456c14.69042,0.35532 31.15827,2.92043 45.17857,-1.49029zm165.12836,-2.77332c-18.23577,-34.28188 -36.87647,-68.35803 -55.93684,-102.1883c-38.23572,20.16323 -63.38996,62.83399 -69.33606,105.42466c41.74855,-0.88994 84.19744,2.18142 125.38156,-2.22409l-0.1085,-1.0123l0,0l-0.00016,0.00003zm-178.84621,-123.65431c17.98509,-33.19417 36.31151,-66.21344 53.74109,-99.70241c-75.78914,-1.69903 -151.75025,-2.0712 -227.5138,0.3591c38.91549,66.88235 74.07351,136.35541 116.62381,200.88702c20.57455,-31.64719 38.04868,-68.08253 57.14889,-101.54368l0,-0.00003z"
          stroke-width="2" fill="transparent" />
      </symbol>
      <use href="#back" id="use1"></use>
      <use href="#back" id="use2"></use>
      <use href="#back" id="use3"></use>
    </svg>
  </div>
</div>

  

  <div class="page-main-content">

    <div class="page-main-content-top">
      <header class="header-wrapper">

    <div class="header-content has-first-screen">
        <div class="left">
            <a class="logo-title" href="/">
                李秀涓|成长笔记
            </a>
        </div>

        <div class="right">
            <div class="pc">
                <ul class="menu-list">
                    
                        <li class="menu-item">
                            <a class="active"
                               href="/"
                            >
                                主页
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/archives"
                            >
                                历年汇总
                            </a>
                        </li>
                    
                        <li class="menu-item">
                            <a class=""
                               href="/about"
                            >
                                关于我
                            </a>
                        </li>
                    
                    
                        <li class="menu-item search search-popup-trigger">
                            <i class="fas fa-search"></i>
                        </li>
                    
                </ul>
            </div>
            <div class="mobile">
                
                    <div class="icon-item search search-popup-trigger"><i class="fas fa-search"></i></div>
                
                <div class="icon-item menu-bar">
                    <div class="menu-bar-middle"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="header-drawer">
        <ul class="drawer-menu-list">
            
                <li class="drawer-menu-item flex-center">
                    <a class="active"
                       href="/">主页</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/archives">历年汇总</a>
                </li>
            
                <li class="drawer-menu-item flex-center">
                    <a class=""
                       href="/about">关于我</a>
                </li>
            
        </ul>
    </div>

    <div class="window-mask"></div>

</header>


    </div>
    <style>
      .main-content a{
        color: #6e9cca;
      }
      .article-title-list {
        position: fixed;
        left: 80px;
        top: 110px;
        z-index: 100;
        width: 300px;
        max-height: calc(100% - 144px);
        overflow: auto;
      }
      .article-title-list a .badge{
        display: inline-block;
        margin-right: 5px;
        padding: 0 5px;
        background-color: #ebebeb;
        border-radius: 3px;
        color: #6b6b6b;
      }
      .article-title-list h1,
      .article-title-list h2,
      .article-title-list h3,
      .article-title-list h4,
      .article-title-list h5,
      .article-title-list h6 {
        box-sizing: border-box;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #686868;
        font-weight: normal;
        line-height: 1;
        cursor: pointer;
      }

      .article-title-list h1 {
        font-size: 22px;
      }

      .article-title-list h2 {
        padding-left: 20px;
        font-size: 20px;
      }

      .article-title-list h3 {
        padding-left: 40px;
        font-size: 18px;
      }

      .article-title-list h4 {
        padding-left: 60px;
        font-size: 16px;
      }

      .article-title-list h5 {
        padding-left: 80px;
        font-size: 14px;
      }

      .article-title-list h6 {
        padding-left: 100px;
        font-size: 12px;
      }

    </style>
    <div class="article-title-list">
    </div>

    <div class="page-main-content-middle">

      <div class="main-content">

        
        <div class="home-content-container fade-in-down-animation">
    <ul class="home-article-list">
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2022/11/18/%E5%81%9A%E9%A5%AD%E5%90%88%E7%BA%A6/">
                        做饭合约
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        条约
在没有特殊情况下，周三休假涓涓做，周六乖乖做，周天视情况而定，一般是乖乖做，如果涓涓下班早，可涓涓做，下午三点半之前下班是属于早，三点半之后下班属于下班晚。

【补充条款】该情况为涓涓周三休的情况，如遇工作变动（比如周末双休或工作日双休）由涓涓...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Fri Nov 18 2022 17:03:15 GMT+0800">2022-11-18</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E5%81%9A%E9%A5%AD%E5%90%88%E7%BA%A6/">做饭合约</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2022/11/18/%E5%81%9A%E9%A5%AD%E5%90%88%E7%BA%A6/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2022/11/14/%E5%86%85%E5%AE%B9/">
                        内容
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        一：硬笔1.坐握姿的重要性（坐姿，握笔，方向）
2.基本笔画的强化（横竖撇捺点）
3.外框
4.等距
5.主笔  (345可总结为第一大点：分析)
6.第一笔的重要性决定了整个字的高低大小
7.观察字的笔画是否在正中间(67可总结为第二大点：观察。)...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Mon Nov 14 2022 10:41:14 GMT+0800">2022-11-14</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E4%B8%80%E6%9C%9F%E7%9A%84%E6%95%B4%E4%BD%93%E5%86%85%E5%AE%B9/">一期的整体内容</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2022/11/14/%E5%86%85%E5%AE%B9/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2022/06/12/%E4%B8%8A%E8%AF%BE%E5%86%85%E5%AE%B9%E7%9A%84%E6%8A%80%E5%B7%A7/">
                        上课内容的技巧
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        1，坐姿：
头正身体脚放平
2，握笔姿势
大拇指和食指分开，食指在前，大拇指在后（因为食指长，大拇指短）。都要拱起来，形成一个圆圈，放在中指的指甲盖下方的侧面，大拇指和食指中指形成三脚架的形状，这样才稳固。无名指和小手指依次藏在里面，中间是空心的，不...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sun Jun 12 2022 20:45:40 GMT+0800">2022-06-12</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E4%B8%8A%E8%AF%BE%E5%86%85%E5%AE%B9%E7%9A%84%E6%8A%80%E5%B7%A7/">上课内容的技巧</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2022/06/12/%E4%B8%8A%E8%AF%BE%E5%86%85%E5%AE%B9%E7%9A%84%E6%8A%80%E5%B7%A7/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2022/05/18/%E5%A6%82%E4%BD%95%E8%AE%A9%E8%AF%BE%E5%A0%82%E6%9B%B4%E6%B4%BB%E8%B7%83%EF%BC%8C%E7%AE%A1%E7%90%86%E5%B0%8F%E6%9C%8B%E5%8F%8B%E7%9A%84%E6%8A%80%E5%B7%A7/">
                        如何让课堂更活跃，管理小朋友的技巧
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        如何让课堂更活跃1 开始上课之前把规矩先立好如果讲话会有什么后果，如果回答问题积极会有什么奖励。2 上课之前以分组的形式进行加分扣分，回答问题积极，坐握姿势标准，不讲话，写的有进步等进行加分，不举手说话，敷衍写字随意下位的进行扣分。
3如果课堂纪律非...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Wed May 18 2022 22:48:01 GMT+0800">2022-05-18</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E5%A6%82%E4%BD%95%E8%AE%A9%E8%AF%BE%E5%A0%82%E6%9B%B4%E6%B4%BB%E8%B7%83%EF%BC%8C%E7%AE%A1%E7%90%86%E5%B0%8F%E6%9C%8B%E5%8F%8B%E7%9A%84%E6%8A%80%E5%B7%A7/">如何让课堂更活跃，管理小朋友的技巧</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2022/05/18/%E5%A6%82%E4%BD%95%E8%AE%A9%E8%AF%BE%E5%A0%82%E6%9B%B4%E6%B4%BB%E8%B7%83%EF%BC%8C%E7%AE%A1%E7%90%86%E5%B0%8F%E6%9C%8B%E5%8F%8B%E7%9A%84%E6%8A%80%E5%B7%A7/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2022/05/18/%E5%A6%82%E4%BD%95%E5%86%99%E8%A1%8C%E4%B9%A6/">
                        如何写行书
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        1 行书不是要求写的快，需要每一笔写好之后收笔收好再运笔到下一笔2 横画不能写的太翘，硬笔也不能写的太翘，有些横画是外面线条的翘的，里面的线条是平的。3 写之前观察清楚，该厚重的要厚重，有些撇画是由轻到重再到轻。4 竖钩，斜钩和卧钩凡是有钩的笔画结尾...
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Wed May 18 2022 22:47:31 GMT+0800">2022-05-18</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E5%A6%82%E4%BD%95%E5%86%99%E8%A1%8C%E4%B9%A6/">如何写行书</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2022/05/18/%E5%A6%82%E4%BD%95%E5%86%99%E8%A1%8C%E4%B9%A6/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2022/05/08/%E7%BD%91%E7%AB%99%E7%AC%AC%E4%B8%80%E6%9D%A1%E8%AE%B0%E5%BD%95/">
                        网站第一条记录
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <h3 id="概述"><a href="#概述" class="headerlink" title="概述"></a>概述</h3><p>2022年5月8日 20：09：00，网页建成，这是第一个测试记录</p>
<h3 id="日志"><a href="#日志" class="headerlink" title="日志"></a>日志</h3><ul>
<li>好像失败了,继续搞</li>
<li>测试腾讯云是否自动布署</li>
<li>腾讯云未自动布署，尝试更换commit</li>
<li>尝试腾讯云托管只保留一个，自动部署</li>
<li>自动部署成功</li>
</ul>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sun May 08 2022 20:08:44 GMT+0800">2022-05-08</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/%E7%94%9F%E6%B4%BB/">生活</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2022/05/08/%E7%BD%91%E7%AB%99%E7%AC%AC%E4%B8%80%E6%9D%A1%E8%AE%B0%E5%BD%95/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
            <li class="home-article-item">

                

                <h3 class="home-article-title">
                    <a href="/2022/05/08/%E7%BD%91%E7%AB%99%E5%BC%80%E5%A7%8B-markdown%E8%AF%AD%E6%B3%95/">
                        网站开始-markdown语法
                    </a>
                </h3>

                <div class="home-article-content markdown-body">
                    
                        <h3 id="标题"><a href="#标题" class="headerlink" title="标题"></a>标题</h3><p><code># 文字</code>   代表一级标题   </p>
<p><code>## 文字</code>   代表二级标题   </p>
<p><code>#### 文字</code>   代表三级标题   </p>
<p><code>##### 文字</code>   代表四级标题   </p>
<p><code>###### 文字</code>   代表五级标题   </p>
                    
                </div>

                <div class="home-article-meta-info-container">
    <div class="home-article-meta-info">
        <span><i class="fas fa-history"></i>&nbsp;<span class="home-article-date" data-date="Sun May 08 2022 15:40:06 GMT+0800">2022-05-08</span></span>
        
        
            <span class="home-article-tag">
                <i class="fas fa-tags"></i>&nbsp;
                <ul>
                    
                        <li>
                            
                            <a href="/tags/markdown/">markdown</a>&nbsp;
                        </li>
                    
                </ul>
            </span>
        
    </div>

    <a href="/2022/05/08/%E7%BD%91%E7%AB%99%E5%BC%80%E5%A7%8B-markdown%E8%AF%AD%E6%B3%95/">阅读全文&nbsp;<i class="fas fa-angle-right"></i></a>
</div>

            </li>
        
    </ul>

    <div class="home-paginator">
        <div class="paginator">
    

    
</div>

    </div>
</div>


        
      </div>

    </div>

    <div class="page-main-content-bottom">
      <!--
 * @Description: file content
 * @Author: yuhongshao
 * @Date: 2022-04-11 16:32:40
 * @email: 
 * @LastEditTime: 2022-06-28 16:05:22
-->
<footer class="footer">
    <div class="info-container">
        <div class="copyright-info info-item">
            &copy;
            
              <span>2021</span>&nbsp;-&nbsp;
            
            2023&nbsp;<i class="fas fa-heart icon-animate"></i>&nbsp;<a href="/">李秀涓</a>
        </div>
        
        
       
        <div><a target="_blank" rel="noopener" href="https://beian.miit.gov.cn">渝ICP备2022010533号-2</a></div>
    </div>
</footer>

    </div>
  </div>

  

  <div class="right-bottom-side-tools">
    <div class="side-tools-container">
    <ul class="side-tools-list">
        <li class="tools-item tool-font-adjust-plus flex-center">
            <i class="fas fa-search-plus"></i>
        </li>

        <li class="tools-item tool-font-adjust-minus flex-center">
            <i class="fas fa-search-minus"></i>
        </li>

        <li class="tools-item tool-expand-width flex-center">
            <i class="fas fa-arrows-alt-h"></i>
        </li>

        <li class="tools-item tool-dark-light-toggle flex-center">
            <i class="fas fa-moon"></i>
        </li>

        <!-- rss -->
        

        

        <li class="tools-item tool-scroll-to-bottom flex-center">
            <i class="fas fa-arrow-down"></i>
        </li>
    </ul>

    <ul class="exposed-tools-list">
        <li class="tools-item tool-toggle-show flex-center">
            <i class="fas fa-cog fa-spin"></i>
        </li>
        
            <li class="tools-item tool-scroll-to-top flex-center">
                <i class="arrow-up fas fa-arrow-up"></i>
                <span class="percent"></span>
            </li>
        
    </ul>
</div>

  </div>

  

  <div class="image-viewer-container">
    <img src="">
</div>


  
  <div class="search-pop-overlay">
    <div class="popup search-popup">
        <div class="search-header">
          <span class="search-input-field-pre">
            <i class="fas fa-keyboard"></i>
          </span>
            <div class="search-input-container">
                <input autocomplete="off"
                       autocorrect="off"
                       autocapitalize="off"
                       placeholder="搜索..."
                       spellcheck="false"
                       type="search"
                       class="search-input"
                >
            </div>
            <span class="popup-btn-close">
                <i class="fas fa-times"></i>
            </span>
        </div>
        <div id="search-result">
            <div id="no-result">
                <i class="fas fa-spinner fa-pulse fa-5x fa-fw"></i>
            </div>
        </div>
    </div>
</div>

  

</main>
<script>
  const context = document.querySelector(".markdown-body");
  const articleTitleList = document.querySelector(".article-title-list");
  const mainContent = document.querySelector('.main-content');

  if (context) {
    if (window.innerWidth > 1380) {
      const tags = context.querySelectorAll('*');
      const hTagReg = /^H[1-6]$/;
      let template = '';
      tags.forEach(item => {
        if (hTagReg.test(item.tagName.toUpperCase()) && item.innerText) {
          const tagH = item.tagName.toLowerCase();
          const tagHToUpper = item.tagName.toUpperCase();
          const forHash = item.getAttribute("id");
          //<span class="badge">${tagHToUpper}</span>
          template += `
                  <${tagH}>
                    <a onclick="javascript:void(1)" href="#${forHash}"> ${item.innerText}</a>
                  </${tagH}>  
                `;

        }
      });
      articleTitleList.innerHTML = template;
    }


  }

  (function leftNavPositionChange() {
    const articleTitlePositoinX = (window.innerWidth - mainContent.clientWidth) / 2 - 300;
    articleTitleList.style.left = articleTitlePositoinX + 'px';
    window.onresize = function () {
      leftNavPositionChange();
    };
  })();

</script>


<script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="/js/header-shrink.js"></script><script src="/js/back2top.js"></script><script src="/js/dark-light-toggle.js"></script>


    <script src="/js/local-search.js"></script>



    <script src="/js/code-copy.js"></script>



    <script src="/js/lazyload.js"></script>


<div class="post-scripts">
    
</div>



</body>
</html>
